:host{
    display: block;
    border-radius: 50%;
    width: 207px;
    height: 250px;
    color: white;
    background-color: deepskyblue;
    padding: 10px;
}
.circle{
    width: 100%;
    height: 100%;
}
.before{
    float: left;
    width: 50%;
    height: 100%;
    shape-outside: radial-gradient(farthest-side ellipse at right, transparent 100%, red);
}
.after{
    float:right;
    width: 50%;
    height: 100%;
    shape-outside: radial-gradient(farthest-side ellipse at left, transparent 100%, red);
}